import React from 'react';
import {Col, Row} from "antd";
import './OrderHistoryData.css'

class Name extends React.Component {
    render() {
        return (
            <div className='OrderHistoryDataDiv'>
                <h2>订单数据</h2>
                <Row gutter={{ xs: 8, sm: 16, md: 24, lg: 32 }}>
                    <Col className="gutter-row" span={6}>
                        <table>
                            <tbody>
                            <tr>
                                <td>今日订单总额：</td>
                                <td>2739</td>
                            </tr>
                            <tr>
                                <td>本周订单总额：</td>
                                <td>39218</td>
                            </tr>
                            <tr>
                                <td>本月订单总额：</td>
                                <td>312897</td>
                            </tr>
                            <tr>
                                <td>历史订单总额：</td>
                                <td>132658901</td>
                            </tr>
                            </tbody>
                        </table>
                    </Col>
                    <Col className="gutter-row" span={6}>
                        <table>
                            <tbody>
                            <tr>
                                <td>今日新订单总数：</td>
                                <td>231</td>
                            </tr>
                            <tr>
                                <td>本周新订单总数：</td>
                                <td>2702</td>
                            </tr>
                            <tr>
                                <td>本月新订单总数：</td>
                                <td>10921</td>
                            </tr>
                            <tr>
                                <td>历史订单总数：</td>
                                <td>4213211</td>
                            </tr>
                            </tbody>

                        </table>
                    </Col>
                    <Col className="gutter-row" span={6}>
                        <table>
                            <tbody>
                            <tr>
                                <td>今日有效订单总数：</td>
                                <td>230</td>
                            </tr>
                            <tr>
                                <td>本周有效订单总数：</td>
                                <td>2688</td>
                            </tr>
                            <tr>
                                <td>本月有效订单总数：</td>
                                <td>10809</td>
                            </tr>
                            <tr>
                                <td>历史有效订单总数：</td>
                                <td>4173034</td>
                            </tr>
                            </tbody>

                        </table>
                    </Col>
                    <Col className="gutter-row" span={6}>
                        <table>
                            <tbody>
                            <tr>
                                <td>今日退货订单总数：</td>
                                <td>1</td>
                            </tr>
                            <tr>
                                <td>本周退货订单总数：</td>
                                <td>14</td>
                            </tr>
                            <tr>
                                <td>本月退货订单总数：</td>
                                <td>112</td>
                            </tr>
                            <tr>
                                <td>历史退货订单总数：</td>
                                <td>40177</td>
                            </tr>
                            </tbody>
                        </table>
                    </Col>
                </Row>
            </div>
        );
    }
}

export default Name;